<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> -->
<link rel='stylesheet' href='/kiSunnyShop/css/main1.css' />
<title>sunnyShop</title>
<style> 

#wrapper {width:800px; overflow:hidden; } 
#wrapper #header {background-color:#ffff00; color:#bbb; height:100px;} 
#wrapper #navi {background-color:#D2E4F8; color:#fff; width:1150px;opacity:0.8;} 
#wrapper #contents {background-color:#eee; height:1000px;} 
</style> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript"> 
//메뉴 글 이미지 바꾸기
function init(){
	 document.getElementById("sub1").style.display="none"; 
	 document.getElementById("sub2").style.display="none"; 
	 document.getElementById("sub3").style.display="none"; 
	}
	function subMenuOpenBox(subMenu) {
	 var flag = document.getElementById(subMenu).style.display="";
	}
	/* 서브메뉴 닫기 */
	function subMenuCloseBox(subMenu) {
	 var flag = document.getElementById(subMenu).style.display="none";
	}



$(function(){    
 var menupos = 
 $("#navi").offset().top;    
 $(window).scroll(function(){       
 if($(window).scrollTop() >= menupos) {          
 $("#navi").css("position","fixed");          
 $("#navi").css("top","0");          
 } else {          
 $("#navi").css("position","relative");          
 $("#navi").css("top","");       
 }    
 }); 
 }); 
</script> 
<style type="text/css">
#navi {position:relative}
#navi li { float:left; margin-right:30px; cursor:pointer; overflow:hidden}
#navi li div { position:absolute; left:0; width:800px; height:150px; z-index:10;}
</style>
</head>
<body>
<%request.setCharacterEncoding("utf-8");
String inc=request.getParameter("inc");
if(inc==null){
	inc="./Community/main_view.jsp";
}
%>
 	
	<div id="wrapper">
		
		<div id="title" class="google">
			<a href="index1.jsp" border="0" ><img src='/kiSunnyShop/images/top1.jpg' border="0"></a>
		</div>
	
<!----- <로그인,회원가입> ----->
	<div id="log">
			<%@include file="memberShip_title.jsp"%>
	</div>	

<!-- 	<네비게이션...>	 ----->
		<div id="#menu_bar">
		<nav id="nav22">
			<div id="navi">
			<ul>
			
				<li onmouseover="subMenuOpenBox('sub1')" onmouseout="subMenuCloseBox('sub1')"><a href="index1.jsp?inc=./Community/It's_me.jsp" style="text-decoration:none"><img src='/kiSunnyShop/Font/IT_SME.png' 
					 onmouseover='this.src="/kiSunnyShop/Font/IT_SME_C.png"' onmouseout='this.src="/kiSunnyShop/Font/IT_SME.png"'></a> 

					<li ><a href="index1.jsp?inc=./Community/v_top_product.jsp" style="text-decoration:none"><img src='/kiSunnyShop/Font/OUT.png' 
					 onmouseover='this.src="/kiSunnyShop/Font/OUT_C.png"' onmouseout='this.src="/kiSunnyShop/Font/OUT.png"'></a></li>
					<li><a href="index1.jsp?inc=./Community/v_pant_product.jsp" style="text-decoration:none"><img src='/kiSunnyShop/Font/BOTTOM.png' 
					 onmouseover='this.src="/kiSunnyShop/Font/BOTTOM_C.png"' onmouseout='this.src="/kiSunnyShop/Font/BOTTOM.png"'></a></li>
					<li><a href="index1.jsp?inc=./Community/v_shoes_product.jsp" style="text-decoration:none"><img src='/kiSunnyShop/Font/SHOES.png' 
					 onmouseover='this.src="/kiSunnyShop/Font/SHOES_C.png"' onmouseout='this.src="/kiSunnyShop/Font/SHOES.png"'></a></li>
					<li ><a href="index1.jsp?inc=./Community/list.jsp" style="text-decoration:none"><img src='/kiSunnyShop/Font/Board.png' 
					 onmouseover='this.src="/kiSunnyShop/Font/Board_C.png"' onmouseout='this.src="/kiSunnyShop/Font/Board.png"'></a></li>
				
	<%-- 				<li <%if(inc.contains("me")){%> class='active'<%} %>> <a href="index1.jsp?inc=./Community/It's_me.jsp" style="text-decoration:none">NEW</a></li> --%>
	<%-- 				<li <%if(inc.contains("top")){%> class='active'<%} %>><a href="index1.jsp?inc=./Community/v_top_product.jsp" style="text-decoration:none">TOP</a></li> --%>
	<%-- 				<li <%if(inc.contains("pant")){%> class='active'<%} %>><a href="index1.jsp?inc=./Community/v_pant_product.jsp" style="text-decoration:none">BOTTOM </a></li> --%>
	<%-- 				<li <%if(inc.contains("shoes")){%> class='active'<%} %>><a href="index1.jsp?inc=./Community/v_shoes_product.jsp" style="text-decoration:none">SHOES </a></li> --%>
	<%-- 				<li <%if(inc.contains("list")){%> class='active'<%} %>><a href="index1.jsp?inc=./Community/list.jsp" style="text-decoration:none">Q&A</a></li> --%>
				</ul>
			</div>
		</nav>
		</div>
		
		<div id="main_view"><jsp:include page="<%=inc %>"/></div>
		
		<div id="com">
			<img src='/kiSunnyShop/images/button.jpg'>
		</div>
		<p/>
	</div>
	<script>init();</script>
</body>
</html>